<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns="http://www.w3.org/1999/xhtml"
                template="./../../../template.xhtml">

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmCategoria')}"/>
    </f:metadata>

    <ui:define name="main_content">

        <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
            <ui:param name="toolBarWidth" value="750"/>
            <ui:param name="toolBarTitleWidth" value="700"/>
            <ui:param name="title" value="Categor&iacute;a"/>
        </ui:include>

        <p:panel id="cat" header="Informaci&oacute;n de Categor&iacute;a" style="width: 750px" >

            <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

            <h:form id="categoria">
                <h:panelGrid id="pCategoria" columns="2" >
                    <h:outputLabel value="Nombre: "/>
                    <p:inputText  value="#{categoriaManaged.selectedCategoria.nombre_cat}" style="width: 500px" /><br/>
                </h:panelGrid>

                <div align="center">
                    <h:panelGrid id="pbotones" columns="4" cellpadding="5" >
                        <p:commandButton image="ui-icon ui-icon-check" value="#{sms.guardar}" onclick="cmdConfirm.show()"/>
                        <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="categoria:pCategoria grid:table"/>
                        <p:confirmDialog message="#{sms.iAlmacenada}" header="#{sms.guardar}" severity="alert" widgetVar="cmdConfirm">
                            <p:commandButton value="Si" actionListener="#{categoriaManaged.accionMantenimiento}" update="categoria:pCategoria grid:table mensaje"  onclick="cmdConfirm.hide()" />
                            <p:commandButton value="No" onclick="cmdConfirm.hide()"/>
                        </p:confirmDialog>
                    </h:panelGrid>
                    <br/>
                </div>
            </h:form>

            <h:form id="grid">
                <p:panel header="Datos de Categor&iacute;a" style="width: inherit" >
                    <f:facet name="header">
                        <h:outputText value="Datos de Categor&iacute;a"/>
                        <p:commandButton image="ui-icon ui-icon-search" actionListener="#{categoriaManaged.LlenarCategorias}" update="grid:table mensaje" title="Buscar Categor&iacute;a" />
                    </f:facet>

                    <p:dataTable  id="table" value="#{categoriaManaged.categorias}" var="row" selection="#{categoriaManaged.selectedCategoria}"
                                  selectionMode="single" paginator="true" rows="12" paginatorPosition="bottom"
                                  emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="categoria:pCategoria mensaje">
                        <f:facet name="header" >
                            <h:outputText value="Lista de Categor&iacute;a"/>
                        </f:facet>

                        <p:column headerText="Nombre" filterBy="#{row.nombre_cat}" sortBy="#{row.nombre_cat}" filterMatchMode="contains"  >
                            <h:outputText value="#{row.nombre_cat}" />
                        </p:column>
                    </p:dataTable>
                </p:panel>
            </h:form>

        </p:panel>

    </ui:define>

</ui:composition>
